<template>
  <div class="app">
    <div class="container" ref="fContainerRef">
      <Waterfall />
    </div>
  </div>
</template>



<script setup>
  import Waterfall from "./waterfall.vue";
  
</script>




<style scoped lang="scss">
.app {
  width: 100vw;
  height: calc(100vh - 64px);
  padding-top:30px;
  display: flex;
  align-items: center;
  justify-content: center;
  .container {
    width: 1400px;
    height: 600px;
    border: 1px solid red;
  }
  .card-box {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
}


</style>
